<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/x-admin.css"/>
    <link rel="stylesheet" href="/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css"/>
    <link rel="stylesheet" href="/static/layer/skin/layer.css"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css"/>
    <link rel="stylesheet" href="/static/layer/skin/layer.css"/>
    <link rel="stylesheet" href="/css/client_information.css"/>
    <link rel="stylesheet" href="/css/curse.css" />
    <link rel="stylesheet" href="/css/custom_tour.css" />
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/layui/layui.js"></script>
    <script type="text/javascript" src="/static/layer/layer.js"></script>
    <script type="text/javascript" src="/js/x-layui.js"></script>
    <script type="text/javascript" src="/js/bkwcrm.js"></script>
    <script type="text/javascript" src="/js/cookie.js" ></script>

    <script type="text/javascript" src="/js/pick-farm/custom_tour.js?version=20181212"></script>
    <style>
        .table_ul li a{
            text-align: left !important;
        }
    </style>

</head>
<body>

<div class="x-body" style="padding-top: 20px;">

    <div class="layui-form">

        <div class="layui-form-item" style="padding-left: 25px;">
            <h3><span class="x-red" style="padding-right: 15px;">*</span>这次出游向往的生活家帮你</h3>
            <span class="title">您想去哪儿？</span>
        </div>

        <!--第一排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    挑选类型
                </label>
                <div class="layui-input-inline">
                    <div class="check_list">
                        <div class="titlist_wrap_tit_table alert_listtit" style="padding-right: 10px;">
                            <span value="1" class='tourtype_select' id="tourtype_select_name"
                                  style="float: left;">挑选农家</span>
                            <i class="icon-angle-down titlisticon" style="float: right;line-height: 32px;"></i>
                        </div>
                        <ul class="table_ul select_ul my_select_ul" id="tourtype_select_ul"
                            style="display: none;">
                            <li value="1">
                                <a href="javascript:void(0)">挑选农家</a>
                            </li>
                            <li value="2">
                                <a href="javascript:void(0)">挑选景区</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    定制类别
                </label>
                <div class="layui-input-inline">
                    <select name="wizard" class="layui-input" id="wizard">
                        <option value="1" selected="selected">私人定制</option>
                        <option value="2">团队定制</option>
                    </select>
                </div>
            </div>
        </div>

        <!--第二排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    游玩天数
                </label>
                <div class="layui-input-inline">
                    <select name="province" class="layui-input" id="days">
                        <option value="1天0晚">1天0晚</option>
                        <option value="1天1晚">1天1晚</option>
                        <option value="2天1晚">2天1晚</option>
                        <option value="2天2晚">2天2晚</option>
                        <option value="3天2晚">3天2晚</option>
                        <option value="4天以上">4天以上</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    住宿类型
                </label>
                <div class="layui-input-inline">
                    <select name="pick_stay" class="layui-input" id="roomtype">
                        <option value="0">不住宿</option>
                        <option value="1">经济型</option>
                        <option value="2">豪华型</option>
                    </select>
                </div>
            </div>
        </div>

        <!--第三排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    用餐标准
                </label>
                <div class="layui-input-inline">
                    <select name="province" class="layui-input" id="diningl">
                        <option value="0">自行安排</option>
                        <option value="5">3-5人桌</option>
                        <option value="8">5-8人桌</option>
                        <option value="10">9-10人桌</option>
                        <option value="12">10-12人桌</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label  class="layui-form-label">
                    游玩人数
                </label>
                <div class="layui-input-inline" style="display: inline-flex;">
                    <span class="ys">总人数</span>
                    <input type="number" class="layui-input clearaway" placeholder="数字" id="playTotalNum">
                </div>
                <div class="layui-input-inline" style="display: inline-flex;">
                    <span class="ys">儿童</span>
                    <input type="number" autocomplete="off" class="layui-input clearaway" placeholder="数字"
                           id="palyChildNum">
                </div>
                <div class="layui-input-inline" style="display: inline-flex;">
                    <span class="ys">老人</span>
                    <input type="number" autocomplete="off" class="layui-input clearaway" placeholder="数字"
                           id="palyOldNum">
                </div>
            </div>
        </div>

        <!--第四排-->
        <div class="layui-form-item">
            <div class="layui-inline pricebudget">
                <label class="layui-form-label pricebudget_text">
                    人均预算
                </label>
                <div class="layui-input-inline" style="width: 80px;">
                    <input type="text" name="price_min" placeholder="￥" autocomplete="off"
                           class="layui-input clearaway" id="min_pricebudget">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 80px;">
                    <input type="text" name="price_max" placeholder="￥" autocomplete="off"
                           class="layui-input clearaway" id="max_pricebudget">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    出发地
                </label>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" class="layui-input clearaway" placeholder="出发城市"
                           id="departure">
                </div>
            </div>

        </div>

        <!--第五排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    目的地
                </label>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" class="layui-input clearaway"
                           placeholder="可多个，请用逗号进行分割" id="destination">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    向导需求
                </label>
                <div class="layui-input-inline">
                    <select name="wizard_" id="wizard_">
                        <option value="0">自行安排</option>
                        <option value="1">导游</option>
                        <option value="2">领队</option>
                    </select>
                </div>
            </div>

        </div>

        <!--第六排-->
        <div class="layui-form-item">
            <div class="layui-inline tour" style="display: none;">
                <label class="layui-form-label">
                    门票
                </label>
                <div class="layui-input-inline ">

                    <div class="check_list">
                        <div class="titlist_wrap_tit_table alert_listtit" style="padding-right: 10px;">
                            <span value="0" class='ticket_select' id="ticket_select_name"
                                  style="float: left;">不需要</span>
                            <i class="icon-angle-down titlisticon" style="float: right;line-height: 32px;"></i>
                        </div>
                        <ul class="table_ul select_ul my_select_ul" id="ticket_select_ul"
                            style="display: none;">
                            <li value="0">
                                <a href="javascript:void(0)">不需要</a>
                            </li>
                            <li value="1">
                                <a href="javascript:void(0)">需要</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    出发时间
                </label>
                <div class="layui-input-inline">
                    <input class="layui-input clearaway" placeholder="出发时间" name="start" id="start">
                </div>
            </div>

        </div>

        <!--农家乐-第七排-->
        <div class="layui-form-item farm" id="farm" >
            <label class="layui-form-label">游玩类型</label>
            <div class="remarks">
                <div class="layui-input-inline" style="width: 87%;">
                    <ul class="sysremarkRemarks" id="farm_playtype">
                    </ul>
                    <div style="clear: both;"></div>
                </div>
            </div>

        </div>

        <!--景区-第八排-->
        <div class="layui-form-item tour" id="tour" style="display: none;">
            <label class="layui-form-label">游玩类型</label>
            <div class="remarks">
                <div class="layui-input-inline" style="width: 87%;">
                    <ul class="sysremarkRemarks" id="tour_playtype">

                    </ul>
                    <div style="clear: both;"></div>
                </div>
            </div>

        </div>

        <!--第八排-->
        <div class="layui-form-item">
            <label class="layui-form-label">其他需求</label>
            <textarea id="remarks" class="textarea clearaway" maxlength="200"> </textarea>
        </div>

        <hr>

        <div class="layui-form-item" style="padding-left: 25px;">
            <h3><span class="x-red" style="padding-right: 15px;">*</span>联系人：</h3>
        </div>

        <!--第一排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    姓名
                </label>
                <div class="check_list layui-input-inline">
                    <div class="titlist_wrap_tit_table alert_listtit search_input" style="width: 180px">
                        <input placeholder="请输入查询内容" type="text" name="username" id="sousuo_value" value=""
                               ul_select="#username_ul" style="background: transparent;border: none;height: 100%">
                        <input type="hidden" value="" id="share_studyconsultant">
                    </div>
                    <ul id="username_ul" class="table_ul alert_listul search_list">
                    </ul>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">
                    手机
                </label>
                <div class="layui-input-inline">
                    <input type="tel" maxlength="11" autocomplete="off" class="layui-input clearaway" id="tel">
                </div>
            </div>

        </div>

        <!--第二排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    邮箱
                </label>
                <div class="layui-input-inline">
                    <input type="email" autocomplete="off" class="layui-input clearaway" id="email">
                </div>
            </div>
        </div>

        <!--第三排-->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                </label>
                <button class="layui-btn" style="padding: 11px 80px;height: 55px;" onclick="custom()">立即定制</button>
            </div>
        </div>


    </div>

</div>

<script type="text/javascript">
    $(function () {
        layui.use(['laydate', 'layer', 'layedit'], function () {
            $ = layui.jquery;
            var layedit = layui.layedit,
                laydate = layui.laydate;

            //创建一个编辑器
            editIndex = layedit.build('L_content');

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
                , type: 'date'
                ,min:minDate() //设置之前的时间不可以选择
            });
        })

    })

    // 设置最小可选的日期
    function minDate(){
        var now = new Date();
        return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
    }

</script>


</body>
</html>
